@charset "utf-8";

#main .left {
	width: 700px;
	float: left;
	margin-top: 15px;
}

#activity-slider {
	width: 700px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

#activity-slider img {
	width: 700px;
	height: 200px;
}

#notice {
	height: 26px;
	line-height: 26px;
	border: #e4e4e4 1px solid;
	background-color: #f7f7f7;
	padding: 0 10px;
	margin: 15px 0;
	overflow: hidden;
}

#notice h2 {
	float: left;
	background: url(../images/notice-title.jpg) no-repeat 5px center;
	text-indent: -100000px;
	width: 90px;
}

#notice ul {
	float: left;
	width: 500px;
}

#notice ul li {
	height: 26px;
	line-height: 26px;
}

#notice ul a {
	color: #959595;
	text-decoration: none;
}

#notice ul a:hover {
	color: #959595;
	text-decoration: none;
}

#up,#down {
	background: #fff;
	border: #e1e1e1 1px solid;
	color: #868686;
	text-decoration: none;
	padding: 1px 3px;
}

#up:hover,#down:hover {
	background: #cacaca;
	border: #868686 1px solid;
	color: #fff;
	text-decoration: none;
}

#down {
	margin-right: 5px;
}

#notice .more {
	background: url(../images/icon-arrow.jpg) no-repeat left center;
	padding-left: 14px;
	margin-left: 5px;
	color: #7e7e7e;
}

#notice .more:hover {
	color: #f29a3c;
}

#business {
	float: left;
	width: 289px;
	height: 285px;
	overflow: hidden;
	background: url(../images/business-bottom.jpg) no-repeat left bottom;
}

#business h2 {
	background: url(../images/business-top.jpg) no-repeat left top;
	width: 289px;
	height: 39px;
	text-indent: -10000px;
}

#business .content {
	border-left: #e8e8e8 1px solid;
	border-right: #e8e8e8 1px solid;
	width: 269px;
	height: 214px;
	padding: 15px 0 7px 18px;
	line-height: 2em;
	overflow: hidden;
}

#business span {
	float: left;
	width: 36;
	color: #959595;
}

#business ul {
	float: left;
	width: 233px;
}

#business .short {
	height: 6em;
	overflow: hidden;
	width: 225px;
}

#business ul li {
	float: left;
	margin-right: 8px;
}

#business a {
	padding: 2px;
	white-space: nowrap;
}

#business a:hover {
	background-color: #f29a3c;;
	color: #fff;
}

#activity {
	float: left;
	width: 399px;
	height: 285px;
	overflow: hidden;
	background: url(../images/activity-bottom.jpg) no-repeat left bottom;
	margin-left: 12px;
	display: inline;
}

#activity h2 {
	background: url(../images/activity-top.jpg) no-repeat left top;
	width: 399px;
	height: 39px;
	text-indent: -10000px;
}

#activity .content {
	border-left: #e8e8e8 1px solid;
	border-right: #e8e8e8 1px solid;
	width: 361px;
	height: 214px;
	padding: 15px 18px 7px 18px;
	overflow: hidden;
}

#activity .act-left {
	float: left;
	width: 190px;
	margin-top: 10px;
}

#activity .act-left img {
	width: 175px;
	height: 50px;
	border: #e4e4e4 1px solid;
	padding: 1px;
}

#activity .act-left ul li {
	line-height: 0.8em;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}

#activity .act-right {
	float: left;
	width: 170px;
}

#activity .act-right ul li {
	background: url(../images/icon-square-black.jpg) no-repeat left center;
	line-height: 2em;
	padding-left: 10px;
}

#activity ul li a {
	color: #000;
}

#activity ul li a:hover {
	color: #f29a3c;
}

#main .right {
	float: left;
	width: 242px;
	margin: 15px 0 0 18px;
}

#login {
	width: 242px;
	background: url(../images/login-bg.jpg) repeat-y center;
}

#login h2 {
	width: 242px;
	height: 42px;
	background: url(../images/login-top.jpg) no-repeat left top;
	text-indent: -100000px;
}

#login .content {
	background: url(../images/login-bottom.jpg) no-repeat left bottom;
	padding: 6px 20px 14px 20px;
}

#login .margin {
	margin: 14px 0;
}

#login .button {
	width: 201px;
	height: 36px;
	line-height: 36px;
	border: none;
	font-weight: bold;
	background: url(../images/register-button-bg.jpg) no-repeat center
		center;
	letter-spacing: 0.3em;
	margin-top: 10px;
	color: #c70617;
}

#login p {
	line-height: 2.5em;
}

#login input {
	width: 140px;
	height: 18px;
	line-height: 18px;
}

#login label {
	border: 1px solid #b40110;
	color: #b40110;
	width: 155px;
	background: #fff2f2 url(../images/icon-error.jpg) no-repeat 10px center;
	display: block;
	line-height: 2em;
	padding: 0 10px 0 35px;
	margin-bottom: 10px;
}

#login .hint {
	display: none;
}

#login .short-input {
	width: 40px;
}

#login img {
	vertical-align: middle;
}

#login .login {
	width: 59px;
	height: 27px;
	line-height: 27px;
	border: none;
	font-weight: bold;
	color: #fff;
	background: url(../images/login-button-bg.jpg) no-repeat center center;
	letter-spacing: 0.3em;
	margin: 0 10px 0 48px;
}

#login .margin {
	margin: 4px 0 8px 0;
}

#register {
	border-top: #c7c7c7 1px dotted;
	padding: 10px 0 0 0;
	text-align: center;
}

#register input {
	width: 201px;
	height: 36px;
	line-height: 36px;
	border: none;
	font-weight: bold;
	background: url(../images/register-button-bg.jpg) no-repeat center
		center;
	letter-spacing: 0.3em;
}

#news {
	width: 242px;
	margin-top: 15px;
	background: url(../images/news-bottom.jpg) no-repeat left bottom;
	height: 212px;
	overflow: hidden;
}

#news h2 {
	width: 242px;
	height: 42px;
	background: url(../images/news-top.jpg) no-repeat left top;
	text-indent: -10000px;
}

#news .content {
	border-left: #e8e8e8 1px solid;
	border-right: #e8e8e8 1px solid;
	width: 204px;
	height: 142px;
	padding: 10px 18px;
}

#news ul li {
	background: url(../images/icon-square-black.jpg) no-repeat left center;
	line-height: 2em;
	padding-left: 10px;
}

#news ul li a {
	color: #000;
}

#news ul li a:hover {
	color: #f29a3c;
}

#news .more {
	display: block;
	float: right;
	background: url(../images/icon-arrow.jpg) no-repeat left center;
	padding-left: 14px;
	color: #7e7e7e;
	margin-top: 6px;
}

#news .more:hover {
	color: #f29a3c;
}

#join {
	margin-top: 15px;
}

#join h2 {
	display: none;
}

#hot-business {
	width: 920px;
	margin: 15px 0;
	padding: 20px;
	background-color: #f7f7f7;
}

#hot-business h2 {
	background: url(../images/top-business-title.jpg) no-repeat left top;
	width: 96px;
	height: 21px;
	margin-bottom: 20px;
	text-indent: -100000px;
}

#hot-business ul li {
	float: left;
	text-align: center;
	width: 130px;
	margin: 5px 0;
}

#hot-business ul li img {
	width: 110px;
	height: 50px;
	border: #e4e4e4 1px solid;
	padding: 1px;
}

#link {
	width: 920px;
	margin: 15px 0;
	padding: 20px;
	background-color: #f7f7f7;
}

#link h2 {
	background: url(../images/icon-bar.jpg) no-repeat left center;
	padding: 0 0 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #404040;
	margin-bottom: 10px;
}

#link ul li {
	float: left;
	text-align: center;
	width: 92px;
	margin: 5px 0;
}

#bottom-nav ul li {
	width: 115px;
	white-space: nowrap;
}

#lisence {
	float:right;
	margin-left:10px;
	width: 149px;
}

#lisence img {
	width: 149px;
}